<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">
<h:head>
	<title>Aplicacion con RichFaces</title>
</h:head>
<h:body>
	<h:outputStylesheet library="css" name="application.css" target="head" />
	<f:view>
		<div align="center">
			<h:form>
				<rich:panel style="width:360px">
					<f:facet name="header">
						<h:outputText value="Trouble Ticketing system" />
					</f:facet>
					<rich:dataTable value="#{TaskListBean.dataList}" 
						var="dataItem"
						width="350">
						<f:facet name="header">
							<h:outputText value="Trouble Tickets opened" />
						</f:facet>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Ticket Id" />
							</f:facet>
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Status" />
							</f:facet>
							<h:outputText value="#{dataItem.taskNode}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Actor" />
							</f:facet>
							<h:outputText value="#{dataItem.actorId}" />
						</rich:column>

						<rich:column>
							<f:facet name="header">
								<h:outputText value="Description" />
							</f:facet>
							<h:outputText value="#{dataItem.description}" />
						</rich:column>

					</rich:dataTable>					
				</rich:panel>
				<rich:dataScroller align="left" for="taskList" maxPages="20" />				
			</h:form>
		</div>
	</f:view>
</h:body>
</html>